<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./index.css">
    <title>考勤名单转换器</title>
</head>

<body>
    <div class="content">
        <div class="fixedbox">
            <div class="head">
                <span>林伟华中学宿舍门禁系统考勤表生成器</span>
            </div>
            <div class="tree">
                <span class="layui-breadcrumb">
                    <a>上传宿舍名单</a>
                    <a>上传门禁考勤表</a>
                    <a>导出考勤文件</a>
                </span>
            </div>
            <div class="headBox">
                <div>
                    <div class="uploadbox">
                        <div class="name">1. 请上传学生宿舍名单</div>
                        <input type="file" name="xlfile_1" id="xlf_1" accept=".xls,.xlsx" onchange="readFile_1(this)">
                        <div class="filefont layui-bg-green"><i class="layui-icon"></i>上传文件</div>
                        <div id="filename_1" class="filename"></div>
                    </div>
                    <!-- 文件加载进度条 -->
                    <div class="progress" id="progress_1">
                        <span class="progressText"></span>
                        <span class="progressSpan layui-bg-green"></span>
                    </div>
                </div>
                <div>
                    <div class="uploadbox">
                        <div class="name">2. 请上传门禁考勤表</div>
                        <input type="file" name="xlfile_2" id="xlf_2" accept=".xls,.xlsx" onchange="readFile_2(this)">
                        <div class="filefont layui-bg-green"><i class="layui-icon"></i>上传文件</div>
                        <div id="filename_2" class="filename"></div>
                    </div>
                    <!-- 文件加载进度条 -->
                    <div class="progress" id="progress_2">
                        <span class="progressText"></span>
                        <span class="progressSpan layui-bg-green"></span>
                    </div>
                </div>
                <div class="outFile">
                    <div class="name">3. 异常状态考勤情况</div>
                    <button type="button" class="layui-btn" onclick="handleunData()">导出文件</button>
                </div>
                <div class="outFile">
                    <div class="name">4. 全部状态考勤情况</div>
                    <button type="button" class="layui-btn" onclick="handleData()">导出文件</button>
                </div>
                <div class="tip">
                    <div class="tipTitle">使用提示：</div>
                    <div>上传的门禁考勤表需按时间从晚到早进行排序。考勤表需按天上传，每次只可获取一天的宿舍考勤情况。</div>
                    <div>学生宿舍信息有缓存，需要更新宿舍信息时重新上传文件即可。</div>
                </div>
            </div>
        </div>
        <div class="tabBox">
            <div class="layui-tab layui-tab-brief tabTitle" lay-filter="demo">
                <ul class="layui-tab-title">
                    <li class="layui-this" lay-id="1">
                        学生宿舍名单
                    </li>
                </ul>
                <div class="layui-tab-content tabContent">
                    <div class="layui-tab-item layui-show">
                        <table class="layui-hide" id="table_1"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="js/xlsx.extendscript.js"></script>
    <!-- <script SRC="./js/xlsx.full.min.js"></script> -->
    <script src="js/xlsx-style/xlsx.full.min.js"></script>
    <script src="js/export.js"></script>
    <script src="./layui-v2.6.8/layui/layui.js" charset="utf-8"></script>
    <script src="./index.js"></script>
</body>

</html>